<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js" lang="en"><!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Charles Ryan Associates - Home</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="dns-prefetch" href="//ajax.googleapis.com" />
    <link href='http://fonts.googleapis.com/css?family=Gudea:400,700' rel='stylesheet' type='text/css' />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
      <link href="/assets/screen.css" rel="stylesheet" media="screen" />
    <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <style type="text/css" media="screen">
            #wrapper{ min-width:960px; }
            #logo{ background-image:url('/assets/logo.png'); }
        </style>
    <![endif]-->
    <script type="text/javascript" charset="utf-8">
    //<![CDATA[
        $(function(){
            $('.no-js').removeClass('no-js');
        });
    //]]>
    </script>
</head>
<body id="home">
    <div id="wrapper">
        <header id="heading">
            <a id="logo" href="/">Return Home</a>
            <nav id="main_navigation">
                <h3>Navigate</h3>
                <ul class="inline-list no-js">
                    <li>
                        <a class="active" href="/">Who We Are</a>
                        <ul>
                            <li><a href="/half">Sub-Nav One</a></li>
                            <li><a href="#">Sub-Nav Item Two</a></li>
                            <li><a href="#">Sub-Nav 3</a></li>
                            <li><a href="#">Fourth Sub-Nav</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="/portfolio">Our Work</a>
                    </li>
                    <li>
                        <a href="/portfolio">Our Team</a>
                    </li>
                    <li>
                        <a href="/news">News</a>
                    </li>
                    <li>
                        <a href="/contact">Contact</a>
                    </li>
                    <li>
                        <a href="/login">Client Login</a>
                    </li>
                </ul>
            </nav>
        </header>
        <div id="main" role="main" class="grid">
            <aside id="banner">
    <h4 class='orange caps'>We embrace our inner weirdo.</h4>
    <img alt="home.jpg" src="/assets/banners/home.jpg" />
</aside>
<section class="cell">
    <h2 class='green caps'>Header One</h2>
    <a href="/assets/temp/lightbox.jpg" class="overlay lb icon-plus">
        <img alt="grid_placeholder.jpg" src="/assets/grid_placeholder.jpg" />
    </a>
    <p>Ut enim ad minim veniam, quis
    nostrud exercitation ullamco laboris
    nisi ut aliquip ex ea commodo.</p>
</section>
<section class="cell">
    <h2 class='green caps'>Header Two</h2>
    <a href="#" class="overlay icon-plus">
        <img alt="grid_placeholder.jpg" src="/assets/grid_placeholder.jpg" />
    </a>
    <p>Ut enim ad minim veniam, quis
    nostrud exercitation ullamco laboris
    nisi ut aliquip ex ea <a href="#">commodo</a>.</p>
</section>
<section class="cell">
    <h2 class='green caps'>Header Three</h2>
    <a href="http://www.youtube.com/watch?v=x1njGwC0sgY&output=embed" class="overlay lb icon-play">
        <img alt="grid_placeholder.jpg" src="/assets/grid_placeholder.jpg" />
    </a>
    <p>Ut enim ad minim veniam, quis
    nostrud exercitation ullamco laboris
    nisi ut aliquip ex ea commodo.</p>
</section>
<section class="cell">
    <h2 class='green caps'>Header Four</h2>
    <a href="http://vimeo.com/13776542" class="overlay lb icon-play">
        <img alt="grid_placeholder.jpg" src="/assets/grid_placeholder.jpg" />
    </a>
    <p>Ut enim ad minim veniam, quis
    nostrud exercitation ullamco laboris
    nisi ut aliquip ex ea commodo.</p>
</section>
        </div>
        <footer id="footer">
            <nav>
                <ul class='inline-list'>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Twitter</a></li>
                </ul>
            </nav>
            <p class="copyright"><span>&copy;</span>2012 Charles Ryan Associates, LLC. All Rights Reserved.</p>
        </footer>
    </div>    
    <script src="/assets/site.js"></script>
    <!-- <script>
        // Replace UA-XXXXX-X with the proper analytics code
        var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
    </script> -->
</body>
</html>
